<template>
	<view class="container" :style="{backgroundImage:'url('+my_sp_bg+')'}"
		style="background-size: 100%;background-position: center top;display: flex;flex-direction: column;">
		<navigationBar :myProperty="propertyInfo"></navigationBar>
		<view style="height: 200rpx;"></view>
		<view class="center-box">
			<image :src="shipping_introduce" mode="widthFix" style="width: 100%;"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				my_sp_bg: this.$imgWxkjUrl + '/product/my_sp_bg.png',
				shipping_introduce: this.$imgWxkjUrl + '/product/shipping_introduce.png',
				propertyInfo: {
					"bg_color": "transparent",
					"color": "#333",
					"flag": 1,
					"name": "发货说明",
					"hasEntity": false,
				},
				shareData: {
					title: '定制我的脉轮水晶',
					path: '/pages/index/index?userType=mailun',
					imageUrl: this.$imgWxkjUrl + '/product/mailun_share_new_new.png'
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.center-box {
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.53);
		border-radius: 49rpx 49rpx 0px 0px;
		backdrop-filter: blur(18rpx);
		flex: 1;
		position: relative;
	}
</style>